Labeling Input Elements

Labeling Input Elements Quiz

As mentioned in the previous video, this exercise involves a form that is mostly marked up well, but there's a single element without a label correctly associated with it. Your goal is to go through with the screen reader and find the element to fix that issue.

To begin, check out the file named flight-booking.html, which can be found in the folder lesson3-semantics-built-in/16-labelling-input-elements/ within this course's GitHub Repository. As always, you can access the live version, or use the workspace below to complete the exercise as well.

Workspace

This section contains either a workspace (it can be a Jupyter Notebook workspace or an online code editor work space, etc.) and it cannot be automatically downloaded to be generated here. Please access the classroom with your account and manually download the workspace to your local machine. Note that for some courses, Udacity upload the workspace files onto https://github.com/udacity, so you may be able to download them there.

Workspace Information:

Default file path:
Workspace type: html-live
Opened files (when workspace is loaded): n/a

Solution

Feel free to check your implementation against the solution folders above! Here's how we did it:

Labeling Input Elements Solution

Next Concept